@import './common/var.scss';
.c-card{
  width: 98%;
  margin: 20px;
  &.grey-card{
    background: $--card-background-color;
  }
  &.is-inline{
    width: 47% !important;
    float: left;
    margin-left: 1% !important;
  }
  h4{
    margin:0;
    padding:0;
  }
  .grey-header{
    width:98%;
    float: right;
    padding-left:0;
    border-bottom: $--border-width-base $--border-style-base $--card-header-color !important;
  }
  .el-card__header{
    border:0;
    .title{
      display: inline-block;
    }
    .title-icon{
      color: $--card-header-title-color;
      margin-right: 8px;
      cursor: pointer;
    }
    .subtitle{
      display: inline-block;
      margin-left: 2%;
      font-size: $--font-size-base;
    }
  }
  .el-card__body{
    font-size: $--font-size-base - 2;
    color: $--card-body-color;
    clear: both;
    &.card-body-inline{
      padding-left: 2%!important;
      box-sizing: border-box;
    }
  }
}
